import React from 'react'
import {getxzfldp} from '../../api/index'

class Sortlist extends React.Component{
    constructor(){
        super()
       this.maskRef =React.createRef();
    }
    clickxzfl(order){
        this.props.order(order)
        
       
        setTimeout(()=>{
            
            this.props.dom2.current.style.height="0"
          },20)
    }
    componentDidMount(){
       
    }
    render(){
       
        return(
           
            <div className='sortlist_main'>
              
           
                  <ul className='sortlist_main_ul'>
                      <li onClick={this.clickxzfl.bind(this,4)}>
                          <div className="sortlist-main-icon"></div>
                          <span className='sortlist_main_span'>智能排序</span>
                      </li>
                      <li onClick={this.clickxzfl.bind(this,5)}>
                      <div className="sortlist-main-icon1"></div>
                          <span className='sortlist_main_span'>距离最近</span>
                      </li>
                      <li onClick={this.clickxzfl.bind(this,6)}>
                      <div className="sortlist-main-icon2"></div>
                          <span className='sortlist_main_span'>销量最高</span>
                      </li>
                      <li onClick={this.clickxzfl.bind(this,1)}>
                      <div className="sortlist-main-icon3"></div>
                          <span className='sortlist_main_span'>起送价最低</span>
                      </li>
                      <li onClick={this.clickxzfl.bind(this,2)}>
                      <div className="sortlist-main-icon4"></div>
                          <span className='sortlist_main_span'>配送速度最快</span>
                      </li>
                      <li onClick={this.clickxzfl.bind(this,3)}>
                      <div className="sortlist-main-icon5"></div>
                          <span className='sortlist_main_span'>评分最高</span>
                      </li>
                  </ul>
             
              
            </div>
        )
    }
}



export default Sortlist